<template>
  <div style="height: 300px;">
    <van-field
       readonly
       clickable
       @touchstart.native.stop="show = true"
       placeholder="想卖多少钱"
       v-model="value_sell"
     />
     <van-field
        readonly
        clickable
        @touchstart.native.stop="show = true"
        placeholder="渠道入手价"
       v-model="value_sell"
      />
     <van-number-keyboard
        v-model="value_sell"
        :show="show"
        :maxlength="10"
        @blur="show = true"
      />
  </div>
</template>

<script>
  import Vue from 'vue';
  import { Field } from 'vant';
  import { Divider } from 'vant';
  import { NumberKeyboard } from 'vant';

  Vue.use(NumberKeyboard);
  Vue.use(Divider);
  Vue.use(Field);
  export default{
    name:'Input',
  data() {
    return {
      show: true,
      value_sell: ''
    }
  },
  methods: {
    onInput(value) {
      Toast(value);
    },
    onDelete() {
      Toast('删除');
    }
  }
  }
</script>

<style>
</style>
